import { detailsApi } from "@/api/reportManager/customerBalance";
import { reactive, ref } from "vue";
export default function InitHook() {
  const formState = ref<Partial<CustomerBalance.WaybillDetails>>({
    shortName: "",
    bizUser: "",
    finUser: "",
    accountPeriod: "",
    billCustomerResList: []
  });
  const loading = ref<boolean>(false);
  const dialogOpts = reactive<Base.DialogOpts>({
    title: "修改送货仓库",
    width: "720px",
    type: 1,
    passData: {},
    component: "",
    visible: false
  });
  const drawerOpts = reactive<Base.DrawerOpts>({
    title: "修改送货仓库",
    width: "720px",
    type: 1,
    passData: {},
    component: "",
    visible: false
  });
  const init = async (id: string) => {
    loading.value = true;
    return detailsApi(id)
      .then((res: any) => {
        const { code, data } = res;
        if (code === 200) {
          formState.value = data;
          console.log(formState.value);
        }
      })
      .finally(() => {
        loading.value = false;
      });
  };
  return {
    formState,
    dialogOpts,
    init,
    loading,
    drawerOpts
  };
}
